<template>
  <div id="app">
    <!-- 1.父传子 -->
    <!-- <Father></Father> -->
    <!-- 2.子传父 -->
    <!-- <Fatherb></Fatherb> -->
    <!-- 3.非父子组件传值 -->
    <!-- <A></A>
    <hr>
    <B></B>
    <hr>
    <C></C> -->
    <!-- 4.ref属性 -->
    <!-- <FatherRef/> -->
    <!-- 5.jquery -->
    <!-- <Jquery/> -->
    <!-- 6.swiper -->
    <!-- <Swiper/> -->
    <!-- 7.插槽 -->
    <!-- <Index/>
    <hr>
    <Home/> -->
    <!-- 8.作用域插槽 -->
    <Goods/>
  </div>
</template>

<script>
// 导入组件
// import Father from './page/com/Father.vue'
// import Fatherb from './page/comb/Father.vue'
// import A from './page/comc/A.vue'
// import B from './page/comc/B.vue'
// import C from './page/comc/C.vue'
// import FatherRef from './page/ref/FatherRef.vue'
// import Jquery from './page/jq/Jquery.vue'
// import Swiper from './page/swiper/Swiper.vue'
// import Index from './page/slot/Index.vue'
// import Home from './page/slot/Home.vue'
import Goods from './page/slot/Goods.vue'
export default {
  name: 'App',
  components: {
    // Father,
    // Fatherb,
    // A,B,C,
    // FatherRef,
    // Jquery
    // Swiper
    // Index,
    // Home
    Goods
  }
}
</script>

<style>
</style>
